.main{
	.main_title{
		height:60px;
		border-bottom:1px solid #ccc;
		overflow:hidden;
		position:relative;
		b{
			float:left;
			font:800 18px/60px ' ';
			span{
				font:500 16px/70px ' ';
				margin:0 5px;
			}
		}
		a{
			float:right;
			font:16px/70px ' ';
			color:#999;
		}
		i.square{
			display:block;
			margin:24px 7px 0;
			width:6px;
			height:22px;
			background:#bc0a2f;
			float:left;
		}
		i.square2{
			display:block;
			width:120px;
			height:2px;
			background:#bc0a2f;
			position:absolute;
			bottom:0;
			left:0;
		}
	}
	.main_top{
		padding: 0;
		margin-bottom:10px;
		.list_box{
			padding:0;
			ul.main_details{
				min-height:171px;
				padding:0;
				padding-top:8px;
				padding-right:18px;
				li{
					height:32px;
					display: box;
					display: -webkit-box;
					display: -moz-box;
					display: -ms-flexbox;
					display: -webkit-flex;
					display: flex;
					border-bottom:1px solid #ccc;
					i{
						width:18px;
						font-size:14px;
						line-height:32px;
						color:#bc0a2f;
					}
					div{
						-webkit-box-flex: 1;
					    -moz-box-flex: 1;
					    -webkit-flex: 1;
					    -ms-flex: 1;    
					    flex: 1;
					    a{
					    	color:#222;
					    }
					    a:hover{
							color:#bc0a2f;
						}
					    font-size:14px;
						line-height:32px;
						overflow:hidden;
						height:32px;
						overflow: hidden;
						text-overflow:ellipsis;
						white-space: nowrap;
					}
				}
				li.more{
					padding-top:0;
					text-align: right;
					overflow:hidden;
					width:100%;
					display: block;
	   				padding-right:10px;
					span{
						float:right;
						cursor: pointer;
						font:16px/32px ' ';
						color:#333;
						i.iconfont{
							color:#333;
						}
					}
				}
			}
			.img_box{
				padding:0;
				padding-left:18px;
				img{
					width:100%;
					height:87px;
				}
				.content{
					font:14px/28px ' ';
					color:#666;
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 4;
					overflow: hidden;
				}
			}
		}
		.btn_box{
			height:192px;
			border:1px solid #f8f8f8;
			box-shadow: 2px 2px 2px #f8f8f8;
			a{
				display:block;
				width:222px;
				height:37px;
				font:16px/37px ' ';
				color:#fff;
				text-align: center;
				background:#3a96e8;
				margin:35px auto;
				border-radius: 5px;
				i.iconfont{
					margin-right:10px;
				}
			}
		}
		
	}
	.main_center{
		padding: 0;
		margin-bottom:10px;
		ul{
			margin:20px 5px 17px 5px;
		}	
		li{
			width:100%;
			font:14px/28px ' ';
			color:#222;
			overflow: hidden;
			text-overflow:ellipsis;
			white-space: nowrap;
			a{
				color:#222;
			}
			a:hover{
				color:#bc0a2f;
			}
		}
		div.img_box{
			height:110px;
			img{
				width:100%;
				height:100%;
			}
		}
	}
	.main_bottom{
		padding:0;
		.content{
			padding:0;
			min-height:240px;
			.content_left{
				height:240px;
				background:#f1f1f1;
				.swiper-container{
					height:240px;
				}
				li{
					height:57px;
					padding-top:10px;
					display: box;
					display: -webkit-box;
					display: -moz-box;
					display: -ms-flexbox;
					display: -webkit-flex;
					display: flex;
					div.left{
						width:48px;
						height:48px;
						/*float:left;*/
						background:#f7f7f7;
						border:1px solid #ccc;
						margin-right:8px;
						span{
							display:block;
							height:24px;
							overflow:hidden;
							text-align:center;
							font:10px/24px ' ';
						}
						span:nth-of-type(1){
							background:#bc0a2f;
							color:#fff;
						}
					}
					div.right{
					    -webkit-box-flex: 1;
					    -moz-box-flex: 1;
					    -webkit-flex: 1;
					    -ms-flex: 1;    
					    flex: 1;
					    a{
					    	color:#222;
					    }
					    a:hover{
							color:#bc0a2f;
						}
					    font:12px/18px ' ';
					    /*paddding-top:8px;*/
					    display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						overflow: hidden;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						padding:10px 0 ;
					}
				}
			}
			.content_right{
				padding:0;
				.right_l{
					padding:0;
					height:240px;
					img{
						width:100%;
						height:100%;
					}
				}
				.right_r{
					min-height:240px;
					background:#b32726;
					color:#fff;
					h2{
						height:80px;
						font:20px/80px ' ';
					}
					ul{
						li{
							height:16px;
							margin-bottom:18px;
							a{
								color:#fff;
								font:14px/16px ' ';
							}
							a:hover{
								color:#427ca6;
							}
						}
					}
				}
			}
		}
	}
}
.activities{
	height:295px;
	.title{
		height:90px;
		text-align: center;
		span:nth-of-type(1){
			display: block;
			margin-top:24px;
			font:24px/37px ' ';
			color:#222;
		}
		span:nth-of-type(2){
			display: block;
			font:12px/12px ' ';
			color:#ccc;
		}
	}
	#activities_swiper{
		height:180px;
		padding:9px 0;
		.single_news{
			transform: translate(0,0);
			transition:all .2s ease-in 0s;
			.top{
				height:110px;
				img{
					width:100%;
					height:100%;
				}
			}
			.bottom{
				height:48px;
				padding:2px 6px 6px 6px;
				background:#ccc;
				width:100%;
				height:44px;
				font:14px/20px ' ';
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				overflow: hidden;
			}
		}
		.single_news:hover{
			/*filter:alpha(opacity=85);*/
			/*-moz-opacity:0.85;opacity:0.85;*/
			transition:1s; 
			transform:scale(1.1);
			-webkit-transform:scale(1.1);
		}
	}
}
#link_box{
	.main_title{
		height:60px;
		border-bottom:1px solid #ccc;
		overflow:hidden;
		position:relative;
		b{
			float:left;
			font:800 18px/60px ' ';
			span{
				font:500 16px/70px ' ';
				margin:0 5px;
			}
		}
		a{
			float:right;
			font:16px/70px ' ';
			color:#999;
		}
		i.square{
			display:block;
			margin:24px 7px 0;
			width:6px;
			height:22px;
			background:#bc0a2f;
			float:left;
		}
		i.square2{
			display:block;
			width:120px;
			height:2px;
			background:#bc0a2f;
			position:absolute;
			bottom:0;
			left:0;
		}
	}
	.link_left{
		padding:10px 0;
		li{
			width:74px;
			height:64px;
			float:left;
			a{
				display:block;
				width:100%;
				height:100%;
				text-align:center;
				color:#222;
				i{
					display:block;
					font:30px/30px ' ';
					margin-top:9px;
				}
				span{
					font:12px/24px ' ';
					display:block;
					height:24px;

				}
			}
		}
		li:hover{
			background:#b32726;
			a{
				color:#fff;
			}
		}
	}
	.link_right{
		padding:20px 0;
		ul{
			li{
				float:left;
				a{
					font:14px/24px ' ';
					color:#222;
					i.iconfont{
						color:#bc0a2f;
					}
				}
				a:hover{
					color:#bc0a2f;
				}
			}
		}
	}
}
.logo2{
	animation: nav-input 1s;
}
@keyframes nav-input{
	0%{
		opacity:0;
		transform:translate3d(20px,-30px,0);
	}
}